<template>
  <div class="box">{{ content }}</div>
  <div class="columns">
    <div class="column is-three-quarters">
      <PostList></PostList>
    </div>
    <div class="column">
      <CardBar />
    </div>
  </div>
</template>

<script setup>
import { onMounted, ref } from "vue";
import { getBillboard } from "@/api/billboard";
import CardBar from "./cart/CardBar.vue";
import PostList from "./post";

const content = ref();

onMounted(async () => {
  const res = await getBillboard();
  content.value = res.content;
});
</script>
